<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width,height=device-height,inital-scale=1.0,maximum-scale=1.0,user-scalable=no;">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no">
    <link rel="stylesheet" href="css/style.css" type="text/css"/>
    <link rel="stylesheet" href="css/index.css" type="text/css"/>
    <link rel="stylesheet" href="css/product.css" type="text/css"/>
    <script type="text/javascript" src="js/seajs/sea.js"></script>
    <script src="http://mat1.gtimg.com/app/openjs/openjs.js#autoboot=no&debug=no"></script>
    <script src="http://localhost:9090/target/target-script-min.js#anonymous"></script>
    <script>

        seajs.config({
            base: "./js/js",
            alias: {
                "zepto": "zepto.js"
            }
        })

        // 加载入口模块
        seajs.use("main");
    </script>
    <title>微商城</title>
</head>
<body>
<!--header-->

<div class="l_header">
    <div class="c_logo c_icon"></div>
    <div class="c_user c_icon">我的</div>
</div>
<img src="images/banner.jpg" class="c_shop_bkg">

<div class="m_shopIntro">
    <div class="c_heade"><img class="c_shopHead" src="images/header.jpg"/></div>
    <label class="c_shopName" id="shopName">
        <strong>索菲亚门业</strong>
    </label>
    <label class="c_shopLevel">
        <label>店铺等级</label>
        <img src="images/heart.png" class="c_heart_icon">
        <img src="images/heart.png" class="c_heart_icon">
        <img src="images/heart.png" class="c_heart_icon">
        <img src="images/heart.png" class="c_heart_icon">
    </label>
</div>

<div class="c_notice">
    <a class="c_notice_content">
        <i class="c_notice_icon c_icon"></i>

        <p class="c_notice_text">
            店铺公告：淘宝店铺ss公告是介绍你的店铺最重要的地方，是顾客了解信任你淘宝店铺的窗口
            ，那么怎么写好你的淘宝店铺公告真的关键，因为淘宝店铺公告的区域空间有限所以你
            的文字一定要言简意赅，最好能一针见血，吸引顾客第一眼。例如：新店开张，欢迎过
            路的朋友到此歇歇；本店秉承诚信待客，一流的服务为宗旨；顾客至上，质量为跟本；
            钱来货到，效率第一；新店新开张；好店好生意；顾客顾到位！
        </p>
        <span class="c_icon c_arrow"></span>
    </a>
</div>

<section class="l_product">
    <div class="m_product_l">
        <ul>
            <li>
                <p><a href="#"><img src="images/product1.jpg"/></a></p>

                <p class="c_Introduction">索菲亚定制家衣柜书台梳妆台卧室套餐网上预约报名 独享工厂直供价货...</p>

                <p class="c_Price"><span>¥899 </span>元/平米</p>
            </li>
            <li>
                <p><a href="#"><img src="images/product1.jpg"/></a></p>

                <p class="c_Introduction">索菲亚定制家衣柜书台梳妆台卧室套餐网上预约报名 独享工厂直供价货...</p>

                <p class="c_Price"><span>¥899 </span>元/平米</p>
            </li>
            <li>
                <p><a href="#"><img src="images/product1.jpg"/></a></p>

                <p class="c_Introduction">索菲亚定制家衣柜书台梳妆台卧室套餐网上预约报名 独享工厂直供价货...</p>

                <p class="c_Price"><span>¥899 </span>元/平米</p>
            </li>
            <li>
                <p><a href="#"><img src="images/product1.jpg"/></a></p>

                <p class="c_Introduction">索菲亚定制家衣柜书台梳妆台卧室套餐网上预约报名 独享工厂直供价货...</p>

                <p class="c_Price"><span>¥899 </span>元/平米</p>
            </li>
            <li>
                <p><a href="#"><img src="images/product1.jpg"/></a></p>

                <p class="c_Introduction">索菲亚定制家衣柜书台梳妆台卧室套餐网上预约报名 独享工厂直供价货...</p>

                <p class="c_Price"><span>¥899 </span>元/平米</p>
            </li>
            <li>
                <p><a href="#"><img src="images/product1.jpg"/></a></p>

                <p class="c_Introduction">索菲亚定制家衣柜书台梳妆台卧室套餐网上预约报名 独享工厂直供价货...</p>

                <p class="c_Price"><span>¥899 </span>元/平米</p>
            </li>
        </ul>
    </div>
    <div class="clear"></div>
</section>

<!--footer菜单-->
<div class="index_nav">
    <ul class="wd_nav">
        <li id="types"><span class="c_icon types"></span>分类</li>
        <li><a href="bossnote.html"><span class="c_icon activity"></span>动态</a></li>
        <li><a href="tel:18510867573"><span class="c_icon contact"></span>联系卖家</a></li>
        <li id="c_share"><span class="c_icon share"></span>分享</li>
    </ul>
</div>

<!--share-->
<div class="m_share">
    <a>
            <span class="c_renren">

            </span>
    </a>
    <a>
            <span class="c_qqzone">

            </span>
    </a>
    <a>
            <span class="c_sina">

            </span>
    </a>
    <a>
            <span class="c_tencent">
            </span>
    </a>
</div>

<!--分类列表-->
<div id="shade">
    <div id="close"></div>
    <div id="items">
        <div id="search">
            <div id="searchInput">
                <input type="search" placeholder="请输入商品名称"/>
            </div>
            <span class="searchbutton">搜索</span>
        </div>
        <div id="typeList">
            <h3 style="">商品分类</h3>
            <ul>
                <li><a href="product.html">衣柜</a></li>
                <li><a>门业</a></li>
                <li><a>地板砖</a></li>
            </ul>
        </div>
        <div id="arrow"></div>
    </div>
</div>
</body>
</html>